<!doctype html>
<html>
<!--欢迎交流 QQ：247142185-->
<head>
    <meta charset="utf-8">
    <title>{$title}</title>
    <script type="text/javascript" src="phpcms/templates/default/content/paiban/js/jquery-2.1.3.js"></script>
    <link href="phpcms/templates/default/content/paiban/css/themes/pace-theme-loading-bar.css" rel="stylesheet">
    <script src="phpcms/templates/default/content/paiban/js/pace.min.js"></script>
    <link rel="stylesheet" href="phpcms/templates/default/content/paiban/css/jquery-ui.css"/>
    <link href="phpcms/templates/default/content/paiban/css/jquery.circliful.css" rel="stylesheet" type="text/css"/>
    <link href="phpcms/templates/default/content/paiban/css/ui-dialog.css" rel="stylesheet" type="text/css"/>
    <link href="phpcms/templates/default/content/paiban/css/font-awesome.min.css" rel="stylesheet">
    <link href="phpcms/templates/default/content/paiban/css/jquery.mCustomScrollbar.css" rel="stylesheet"
          type="text/css"/>
    <link href="phpcms/templates/default/content/paiban/css/rocketopstyle.css" rel="stylesheet" type="text/css">
    <link href="phpcms/templates/default/content/paiban/css/introjs.min.css" rel="stylesheet" type="text/css">
    <link href="phpcms/templates/default/content/paiban/css/bootstrap.min.css" rel="stylesheet">
    <link href="phpcms/templates/default/content/paiban/css/style.css" rel="stylesheet" type="text/css">
    {pc:get sql="SELECT * FROM fitoe_paiban a,fitoe_paiban_data b WHERE (a.id=b.id and a.catid=$catid and a.id=$id)
    ORDER BY a.id DESC" num=1 return="data" moreinfo="1"}

    {loop $data $key $val}
    <?php
$thefields=$val[fields];
$pic_shop=$val[pic_shop];
?>
    {/loop}
    {/pc}
    <script src="/phpcms/templates/default/content/paiban/js/bootstrap.min.js"></script>
    <!--<script type="text/javascript" src="{IMG_PATH}paiban/stickUp.min.js"></script>-->
    <script type="text/javascript" src="/phpcms/templates/default/content/paiban/js/jquery-ui.js"></script>
    <script src="/phpcms/templates/default/content/paiban/js/jquery.circliful.min.js"></script>
    <script>

        paceOptions = {
            ajax: true,
            document: true,
            eventLag: true,
            elements: true
        };
        var thecatid;
        thecatid = {$catid};
        var theid;
        theid = {$id};
        var thefields = '{$canshu}';
    </script>
    <script type="text/javascript" src="/phpcms/templates/default/content/paiban/js/jquery.editable.js"></script>
    <script type="text/javascript" src="/phpcms/templates/default/content/paiban/js/json.js"></script>
    <script src="/phpcms/templates/default/content/paiban/js/keymaster.js"></script>
    <script src="/phpcms/templates/default/content/paiban/js/dialog-min.js"></script>
    <script src="/phpcms/templates/default/content/paiban/js/jquery.mousewheel.min.js"></script>
    <script src="/phpcms/templates/default/content/paiban/js/jquery.mCustomScrollbar.js"></script>
    <script src="/phpcms/templates/default/content/paiban/js/rocketop.js"></script>
    <script src="/phpcms/templates/default/content/paiban/js/intro.min.js"></script>
    <script src="/phpcms/templates/default/content/paiban/js/bootstrap.contextmenu.js"></script>
    <script type="text/javascript" src="/phpcms/templates/default/content/paiban/js/function.js"></script>
</head>

<body>
<nav id="navbar" class="navbar navbar-default navbar-static-top vis_hidn">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar"><span class="sr-only">导航切换</span> <span
                    class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
            <a class="navbar-brand2" href="/"> <img src="{IMG_PATH}logo.svg" width="120px"
                                                    class="img-responsive" alt="飞图广告标志"> </a></div>
        <div class="nav navbar-nav  navbar-form">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">功能
                        <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#" data-toggle="modal" data-target="#ModalAutoNum"><i class="fa fa-download"></i>
                            自动编号</a></li>
                        <li><a href="#" data-toggle="modal" data-target="#ModalHistory"><i class="fa fa-history"></i>
                            历史记录</a></li>
                    </ul>
                </li>
            </ul>

        </div>
        <div class="nav navbar-nav navbar-right navbar-form">
            <div class="input-group pull-right">
                <div class="input-group-addon"><i class="fa fa-search fa-flip-horizontal"></i></div>
                <input id="Search" type="text" class="form-control" placeholder="搜索">
            </div>
        </div>
        <!--/.nav-collapse -->
    </div>
</nav>
<!--toolbar-->

<div id="foldermain" class="container">
    <div class="row">
        <div id="foldersbox" class="col-md-12 col-sm-12 vis_hidn">
            <div id="addfolder" class="ui-corner-all" title="新建文件夹" data-toggle="modal"></div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <!--左侧-->
        <div id="leftpanel" class="col-md-2 col-sm-3">
            <div id="filter" class="list-group vis_hidn"><a class="list-group-item" id="allfolder"
                                                            href="javascript:void(0);">全部图片<span
                    class="badge bubble"> </span> </a> <a class="list-group-item" id="nofenlei"
                                                          href="javascript:void(0);">未分类<span
                    class="badge bubble"> </span> </a> <a class="list-group-item" id="norename"
                                                          href="javascript:void(0);">未命名<span
                    class="badge bubble"> </span> </a> <a class="list-group-item hide" id="guide"
                                                          href="javascript:void(0);">帮助<span
                    class="badge bubble"></span> </a> <a class="list-group-item hide" id="allnotes"
                                                         href="javascript:void(0);">备注<span class="badge bubble"></span>
            </a></div>
            <ul class="list-group">
                <li id="prg_item_div" class="list-group-item list-group-item-success vis_hidn">分类进度
                    <div class="progress">
                        <div id="prg_item" class="progress-bar progress-bar-success" role="progressbar"
                             aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">0% <span class="sr-only">0% Complete (success)</span>
                        </div>
                    </div>
                </li>
                <li id="prg_name_div" class="list-group-item list-group-item-info vis_hidn">命名进度
                    <div class="progress">
                        <div id="prg_name" class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40"
                             aria-valuemin="0" aria-valuemax="100">0% <span class="sr-only">0% Complete (success)</span>
                        </div>
                    </div>
                </li>
                <!--        <li id="prg_guige_div" class="list-group-item list-group-item-warning vis_hidn">规格进度
                  <div class="progress">
                    <div id="prg_guige" class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">0% <span class="sr-only">0% Complete (success)</span> </div>
                  </div>
                </li>-->
            </ul>
            <div id="recycle" class="panel panel-default text-center vis_hidn">
                <p class="text">回收站 <span class="badge bubble"> </span></p>
            </div>
            <div class="btn-toolbar center-block" role="toolbar" aria-label="...">
                <div id="exbtn" class="btn-group vis_hidn" role="group" aria-label="...">
                    <button id="SaveBtn" type="button" class="btn btn-default" title="保存"><i class='fa fa-check'> 就绪</i>
                    </button>
                </div>
            </div>
        </div>
        <!--右侧-->
        <div id="picbox" class="col-md-10 col-sm-9 vis_hidn"></div>
    </div>
</div>

<!-- Modal -->
<div id="dialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="SlideTitle"></h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-8 col-sm-8 text-center"><img src="" id="dia_img" class="img-thumbnail"/></div>
                    <div class="col-md-4 col-sm-4">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label for="dia_title" class="col-sm-3 control-label">名 称:</label>

                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="dia_title">
                                </div>
                            </div>
                            <div id="fieldname" class="form-group">
                                <label for="dia_ul" class="col-sm-3 control-label">分 类:</label>

                                <div class="col-sm-9">
                                    <ul id="dia_ul">
                                    </ul>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="note" class="col-sm-3 control-label">备 注:</label>

                                <div class="col-sm-9">
                                    <textarea id="note" class="form-control"></textarea>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button id='SlideDel' type="button" class="pull-left btn btn-default"><i
                        class='fa fa-trash-o fa-lg'></i> 删除
                </button>
                <button id="SlidePrev" type="button" class="btn btn-default">上一张</button>
                <button id="SlideNext" type="button" class="btn btn-primary">下一张</button>
            </div>
            <div class="progress">
                <div id="prg_now" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
                     aria-valuemin="0" aria-valuemax="100">0% <span class="sr-only">0% Complete (success)</span></div>
            </div>
        </div>
    </div>
</div>

<!--新建文件夹对话框-->
<div class="modal fade" id="ModalCreatFolder" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="CreatModalLabel">新建文件夹</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="NewFolderName" id="CreatFolderLabel" class="control-label">文件夹名称</label>
                    <input type="text" class="form-control" id="NewFolderName" placeholder="新建文件夹"
                           aria-describedby="helpBlock">
                    <span id="helpBlock" class="help-block"></span></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关 闭</button>
                <button id="folderok" type="button" class="btn btn-primary">确 定</button>
            </div>
        </div>
    </div>
</div>

<!--自动编号对话框-->
<div class="modal fade" id="ModalAutoNum" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog  modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="Autonum_Label">自动编号</h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <div class="row-fluid">
                        <div class="col-md-5 col-sm-5" id="autonum_panel">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <label for="autonum_style" class="col-sm-4 control-label">编号样式</label>

                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="autonum_style" placeholder="FT-001"
                                               value="FT-###">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="autonum_filter" class="col-sm-4 control-label">排除数字</label>

                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="autonum_filter" placeholder="4,13"
                                               value="4,13">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="autonum_form" class="col-sm-4 control-label">编号字段</label>

                                    <div class="col-sm-8">
                                        <select id="autonum_form" class="form-control">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group collapse">
                                    <label for="autonum_start" class="col-sm-4 control-label">开始数字</label>

                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="autonum_start" placeholder="1"
                                               value="1">
                                    </div>
                                </div>
                                <div class="form-group collapse">
                                    <label for="autonum_step" class="col-sm-4 control-label">步进</label>

                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="autonum_step" placeholder="1"
                                               value="1">
                                    </div>
                                </div>
                                <button type="button" class="btn btn-default btn-xs btn-block" data-toggle="collapse"
                                        href="#autonum_panel .collapse" aria-expanded="false"
                                        aria-controls="collapseExample">更多选项 <span class="caret"></span></button>

                            </form>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="panel panel-default">
                                <div class="panel-heading">栏目选择</div>
                                <div class="panel-body" id="Autonum_folderlist">

                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="panel panel-warning">
                                <div class="panel-heading">效果预览</div>
                                <div class="panel-body">
                                    <ul id="autonum_view">

                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关 闭</button>
                <button id="AutoNumok" type="button" class="btn btn-primary">确 定</button>
            </div>
        </div>
    </div>
</div>

<!--历史记录对话框-->
<div class="modal fade" id="ModalHistory" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">历史记录</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div class="row">
                        <div class="historyleft col-md-4 col-sm-4"></div>
                        <div class="col-md-8 col-sm-8 table-responsive">
                            <table id="historylist" class="table table-hover">
                                <tbody>
                                <tr>
                                    <th scope="col">名称</th>
                                    <th scope="col">时间</th>
                                    <th scope="col">操作</th>
                                </tr>
                                <!--<tr><td>1</td><td>自动保存</td><td>2015-03-21 15:16:24</td><td><button type="button" class="btn btn-default btn-xs"><i class="fa fa-reply"></i> 恢复</button></td></tr>-->
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <span id="historyhelpBlock" class="help-block"></span></div>
            </div>
            <div class="modal-footer">
                <button id="HistoryOk" type="button" class="btn btn-primary">刷 新</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关 闭</button>
            </div>
        </div>
    </div>
</div>
<div id="thumbs"> {php @$rr=string2array($pic_shop);}
    {php $rs=$rr['pics'];}
    {loop $rs $pic_k $r}
    <?php @$url="http://".$_SERVER['HTTP_HOST']."/uploadfile/".$r['url']?> <img src="{thumb($url,160, 140,0)}">
    {/loop}
</div>
<div style="display:none; z-index:120" id="rocket-to-top">
    <div style="opacity:0;display:block;" class="level-2"></div>
    <div class="level-3"></div>
</div>
</body>
</html>
